<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>申请售后</title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/ziy.css">
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
		<style>
			.jinp_tuij_lb li {
				margin-right: 3%;
				width: 31%;
			}

			.jinp_tuij_lb li:nth-child(3n+3) {
				margin-right: 0;
			}

			.jinp_tuij_lb li>a:first-of-type,
			.jinp_tuij_lb li>a:first-of-type>img {
				width: 100%;
			}

			.logo {
				width: 20% !important;
			}

			.search {
				width: 35% !important;
			}

			.search>input {
				width: 50% !important;
			}

			.myGomeWeb {
				display: flex;
				justify-content: center;
			}

			.myGomeWeb>div {
				float: none;
			}

			.myGomeWeb>div:first-of-type {
				margin-right: 30px;
			}
		</style>
	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div class="header-box">
				<h3 class="huany">23215220322 唐铭阳</h3>
				<ul class="header-left">
				</ul>
				<ul class="header-right">
					<li class="denglu dengl_hou">
						<div>
							<a class="red" href="#">Hi~冷冰冰</a>
							<i class="icon_plus_nickname"></i>
							<i class="ci-leftll">
								<s class="jt">◇</s>
							</i>
						</div>
						<div class="dengl_hou_xial_k">
							<div class="zuid_xiao_toux">
								<a href="#"><img src="images/评价/头像.png"></a>
							</div>
							<div class="huiy_dengj">
								<a class="tuic_" href="#">退出</a>
							</div>
							<div class="toub_zil_daoh">
								<a href="#">待处理订单</a>
								<a href="wod_shouc.html">我的收藏</a>
								<a href="#">个人资料</a>
							</div>
						</div>
					</li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps" href="wod_shouc.html">我的收藏</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps1" href="wod_dingd.html">我的订单</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps2" href="shengq_shouh.html">售后服务</a></li>
					<li class="shu"></li>
					<li class="shouji bj">
						<a class="ing_ps ps3" href="#">手机醒肤</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="shouji1">
							<img src="images/我的订单/二维码2.jpg" class="shouji4">
							<div class="shouji2">
								<p>醒肤客户端</p>
								<p class="red">首次下单满99元，送99元</p>
							</div>
							<div class="yi">
								<img src="images/我的订单/二维码2.jpg" class="shouji4">
								<div class="er">
									<p>醒肤微信公众号</p>
									<p class="red">关注醒肤公众号的积分，换大礼</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="hongs_beij">
			<div class="beij_center">
				<div class="wode_tongc_logo">
					<a class="tongc_logo" href="index.html"></a>
					<a class="fanh_shouy" href="index.html" target="_blank">返回首页</a>
				</div>
				<div class="navitems">
					<ul>
						<li><a href="index.html"><span>首页</span> </a></li>
						<li>
							<div class="zhangh_dl">
								<div class="zhangh_dt"><span>账号设置</span><i>◇</i></div>
								<div class="zhangh_dd">
									<a href="#">个人信息</a>
									<a href="#">账户安全</a>
									<a href="#">收货地址</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="nav_r">
					<div id="search_2014">
						<div class="form">
							<input type="text" class="gerzx_text">
							<button class="button1"></button>
						</div>
					</div>
					<div id="settleup_2014">
						<div class="cw_icon">
							<a href="gouw_che.html"><span>购物车<em>3</em>件</span></a>
							<i class="ci-right ">
								<s class="jt">◇</s>
							</i>
						</div>
						<div class="dorpdown-layer">
							<div class="smt">
								<h4 class="fl">最新加入的商品</h4>
							</div>
							<ul>
								<li class="meiyou">

									<div class="gouwc_tup">
										<a href="#"><img src="images/我的订单/彼得罗夫.jpg"></a>
									</div>
									<div class="gouwc_biaot">
										<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml </a>
									</div>
									<div class="gouwc_shanc">
										<span>¥391.50</span>
										<a href="#">删除</a>
									</div>
								</li>
								<li class="meiyou">
									<div class="gouwc_tup">
										<a href="#"><img src="images/我的订单/洗手液.jpg"></a>
									</div>
									<div class="gouwc_biaot">
										<a href="#">伊索赋活芳香洗手液 500ml </a>
									</div>
									<div class="gouwc_shanc">
										<span>¥234.90</span>
										<a href="#">删除</a>
									</div>
								</li>
								<li class="meiyou">
									<div class="gouwc_tup">
										<a href="#"><img src="images/我的订单/乳液.jpg"></a>
									</div>
									<div class="gouwc_biaot">
										<a href="#">Aveeno 日用保湿乳液</a>
									</div>
									<div class="gouwc_shanc">
										<span>¥63.95</span>
										<a href="#">删除</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!---->
		<div class="wod_tongc_zhongx">
			<div class="beij_center">
				<div class="myGomeWeb">
					<!--侧边导航-->
					<div class="tod_tongc_zuoc">
						<div class="zuoc_toux">
							<div class="toux_kuang">
								<div class="userImage">
									<div class="myGome_userPhoto">
										<img src="images/我的订单/头像.png">
										<a class="edit_photo_bitton" href="profile" target="_blank">编辑</a>
									</div>
								</div>
								<div class="user_name_Level">
									<p class="user_name" title="冷冰冰">冷冰冰</p>
									<p class="userLevel">会员：<span class="levelId icon_plus_nickname"></span></p>
								</div>
							</div>

							<div class="user_counts">
								<ul>
									<li>
										<div class="count_item">
											<a href="#">
												<i class="count_icon count_icon01"></i> 待付款
												<em id="waitPay">0</em>
											</a>
										</div>
									</li>
									<li>
										<div class="count_item">
											<a href="#">
												<i class="count_icon count_icon02"></i> 待发货
												<em id="waitPay">1</em>
											</a>
										</div>
									</li>
									<li>
										<div class="count_item">
											<a href="#">
												<i class="count_icon count_icon03"></i> 待收货
												<em id="waitPay">0</em>
											</a>
										</div>
									</li>
									<li>
										<div class="count_item">
											<a href="#">
												<i class="count_icon count_icon04"></i> 待评价
												<em id="waitPay">2</em>
											</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="wod_tongc_daoh_lieb">
							<div class="diy_top">
								<ul>
									<h3>订单中心</h3>
									<li><a href="wod_dingd.html">我的订单</a></li>
									<li><a href="#">退换货单</a></li>
									<li><a href="#">评价晒单</a></li>
								</ul>
								<ul>
									<h3>管理中心</h3>
									<li><a href="wod_shouc.html">我的收藏</a></li>
									<li><a href="#">投诉管理</a></li>
								</ul>
							</div>
							<div class="diy_top">
								<ul>
									<h3>账户设置</h3>
									<li><a href="#">基本资料</a></li>
									<li><a href="#">账户安全</a></li>
									<li><a href="#">收货地址</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!--左边内容-->
					<div class="mod_main">
						<div class="jib_xinx_kuang">
							<div class="shand_piaot">申请售后</div>
							<div class="wod_dingd_shuaix wod_shouh">
								<p class="dingd_huis_zhan"><a href="#">联系客服</a></p>
								<p class="dingd_huis_zhan"><a href="#">售后政策</a></p>
							</div>
							<!--************************************-->
							<table class="order-tb order-tb_1">
								<colgroup>
									<col class="number-col">
									<col class="consignee-col">
									<col class="amount-col">
									<col class="operate-col">
									<col class="dis_col">
								</colgroup>
								<tbody>
									<tr class="sep-row">
										<td colspan="4"></td>
									</tr>
									<tr class="tr-th span_30_1">
										<td colspan="1">
											<span class="dealtime span_30">已购买商品</span>
										</td>
										<td colspan="1">
											<span class="dealtime span_30">包装清单</span>
										</td>
										<td colspan="1">
											<span class="dealtime span_30">赠送清单</span>
										</td>
										<td colspan="1">
											<span class="dealtime span_30">购买数量</span>
										</td>
									</tr>
									<tr class="tr-bd">
										<td rowspan="1">
											<div class="goods-item">
												<div class="p-img">
													<a target="_blank" href="#">
														<img src="images/我的订单/彼得罗夫.jpg" alt="">
													</a>
												</div>
												<div class="p-msg">
													<div class="p-name">
														<a target="_blank" href="#">彼得罗夫水漾透明质酸云朵面霜 50ml </a>
														<p class="yiwanc_hui"><a href="#">申请售后</a></p>
													</div>
												</div>
											</div>
										</td>
										<td rowspan="1">
											<div class="zhif_jine houl">
												<p>-</p>
											</div>
										</td>
										<td rowspan="1">
											<div class="operate">
												<p class="yiwanc_hui">-</p>
											</div>
										</td>
										<td rowspan="1">
											<div class="txt_ren">
												<span>x1</span>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<div class="shengq_waik">
								<div class="shengq_qingd">
									<div class="shengq_tis_1">
										<p><em>* 温馨提示：</em> 本次售后服务将由醒肤售后人员为您服务 </p>
									</div>
									<div class="shengq_liang">

										<div class="shengs_li_1">
											<p class="p"><em>*</em> 提交原因：</p>
											<div class="yocu">
												<select class="select">
													<option>请选择</option>
													<option value="质量问题">质量问题</option>
													<option value="其他">其他</option>
												</select>
											</div>
										</div>
										<div class="shengs_li_1">
											<p class="p"><em>*</em> 问题描述：</p>
											<div class="yocu">
												<div class="sdg"><textarea cols="" rows="" class="area"></textarea>
													<p>10-500字</p>
												</div>
											</div>
										</div>
										<div class="shengs_li_1">
											<p class="p">图片信息：</p>
											<div class="yocu">
												<button type="button">上传图片</button>
												<p class="t_tis">为了帮助您更好的解决问题，请上传图片</p>
											</div>
										</div>
										<div class="queren_xinx" id="dangq" style="display: block;">
											<p class="quer_xinx_biaot">确认信息<a id="gef">[修改]</a></p>
											<div class="wome">
												<div class="shengs_li_1">
													<p class="p"> 申请凭证：</p>
													<div class="yocu">
														<p class="pfg">有发票</p>
													</div>
												</div>
												<div class="shengs_li_1">
													<p class="p"><em>*</em>返回方式：</p>
													<div class="yocu">
														<p class="pfg">上门取件</p>
													</div>
												</div>
												<div class="shengs_li_1">
													<p class="p"><em>*</em>取货地址：</p>
													<div class="yocu">
														<p class="pfg">福建省福清市</p>
													</div>
												</div>
												<div class="shengs_li_1">
													<p class="p"><em>*</em>收货地址：</p>
													<div class="yocu">
														<p class="pfg">福建省福清市</p>
													</div>
												</div>
												<div class="shengs_li_1">
													<p class="p"><em>*</em>顾客姓名：</p>
													<div class="yocu">
														<p class="pfg">xx</p>
													</div>
												</div>
												<div class="shengs_li_1">
													<p class="p"><em>*</em>手机号码：</p>
													<div class="yocu">
														<p class="pfg"> 130****2337
															<span>提交服务单后，售后专员可能与您电话沟通，请保持手机畅通</span></p>
													</div>
												</div>
											</div>
										</div>

										<div class="shangsd">
											<p>
												<input type="checkbox" checked="checked">
												<span class="ds">我已阅读并同意 <em><a href="#">《上门取件服务协议》</a></em></span>
											</p>
											<button>提交</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--底部-->
		<div class="dib_beij dib_beij_ger_zhongx">
			<div class="dib_jvz_beij">
				<div class="shangp_baoz">
					<p>本地购物&nbsp;&nbsp;看得见的商品</p>
					<p class="beng1">正品行货&nbsp;&nbsp;购物无忧</p>
					<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
					<p class="beng3">本地直发&nbsp;&nbsp;专业配送</p>
				</div>
				<div class="zhongj_youx">
					<div class="lieb_daoh">
						<h4>物流配送</h4>
						<ul>
							<li><a href="#">配送查询</a></li>
							<li><a href="#">配送服务</a></li>
							<li><a href="#">配送费用</a></li>
							<li><a href="#">配送时效</a></li>
							<li><a href="#">签收与验货</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>支付与账户</h4>
						<ul>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">在线支付</a></li>
							<li><a href="#">账户安全</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>购物帮助</h4>
						<ul>
							<li><a href="#">购物保障</a></li>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>售后服务</h4>
						<ul>
							<li><a href="#">退换货服务</a></li>
							<li><a href="#">退款说明</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<div class="kef_dianh">
							<p>客服电话</p><span>400-1009-727</span>
						</div>
						<div class="kef_dianh kef_dianh_youx">
							<p>意见收集邮箱</p>
							<p>199384884@.com</p>
						</div>
					</div>
					<div class="lieb_daoh lieb_daoh_you">
						<div class="erw_ma_beij">
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
						</div>
					</div>
				</div>
				<div class="beia_hao">
					<p>闽ICP备：20219999号 闽ICP证：22-20200727号 </p>
					<p class="gonga_bei">闽公网安备：7271999002737910号</p>
					<div class="renz_">
						<span></span>
						<span class="span1"></span>
						<span class="span2"></span>
						<span class="span3"></span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
